Sample DevTools Extensions

There are many DevTools extensions available or in development. This section presents a small selection of extensions. All of the extensions listed here are available for install from the Chrome Web Store. And they're all open source, so you can use them as inspiration for your own extensions.

AngularJS Batarang

AngularJS Batarang is a swiss-army knife for the AngularJS framework, providing panels for inspecting models, analysing dependencies, and instrumenting performance, among other things.

More information:

• Install from the Chrome Web Store.
• Source code available on GitHub.
• The README on GitHub provides a good overview.

CoffeeScript Console

If you use CoffeeScript, you may be interested in the CoffeeScript Console. As the name suggests, this extension provides a console window that lets you run CoffeeScript code in the context of the current window.

More information:

• Install from the Chrome Web Store.
• Source code available on GitHub.
• Screencast by Jonathan Snook.

Ember Inspector

The Ember Inspector helps you debug Ember.js applications, with easy inspection of controllers, insights into models and their attributes, layers, and more.

More information:

• Install from the Chrome Web Store.

• Source code available on GitHub.

• For more information, see the Ember Inspector screencasts from Yehuda Katz.

Grunt DevTools

Grunt DevTools provides a GUI for triggering Grunt tasks. Run tests, build steps, or start up a test server without leaving DevTools.

More information:

• Install from the Chrome Web Store.
• Source available on GitHub.

KnockoutJS Context Debugger

This extension helps you debug your KnockoutJS application by showing the Knockout context data for the selected DOM node in a sidebar of the elements panel.

More information:

• Install from the Chrome Web Store.
• Source code available on GitHub.

Rails Panel

Rails Panel adds a new tab that shows information about requests to the Rails backend. The panel provides insights into view rendering, DB, total request times and more.

More information:

• Install from the Chrome Web Store.
• Source code available on GitHub.
• See the README file for information on setting up and using Rails Panel.